﻿@using ECGadmin.Common
@using ECGadmin.WebUI.CustomHelpers
@using ECGadmin.WebUI.Models
@model DiscountDto
@{
    ViewBag.Title = "Chỉnh sửa chiết khấu giảm giá";
    Layout = "~/Views/Shared/_layout.cshtml";
}
<link href="~/Content/css/browerImage.css" rel="stylesheet" />
<link href="~/Scripts/jQueryDatePicker/css/ui-lightness/jquery-ui-1.10.1.custom.min.css" rel="stylesheet" />
<link href="~/Scripts/jQueryDatePicker/js/jquery-ui-timepicker-addon.css" rel="stylesheet" />

<nav>
    <div id="jCrumbs" class="breadCrumb module">
        <ul>
            <li><a href="@Url.Action("Index","Home")"><i class="bootstrap icon-home"></i></a></li>
            <li><a href="javascript:void(0);">Chỉnh sửa chiết khấu khuyến mại</a> </li>
        </ul>
    </div>
</nav>
<!-- END navigation -->

@section LeftMenu
{
    <div id="left">
        <div class="LeftMenuWraper">
            <div class="leftMenuHeader">
                <span style="padding-left: 10px;">
                    <strong>Truy cập nhanh</strong>
                </span>
            </div>
            <ul id="p-quick-menu" class="quick-menu">
                <li class="qmn-info-pro">Thông tin chiết khấu</li>
                <li class="qmn-seo-pro">Điều kiện chiết khấu</li>
                <li class="qmn-seo-pro">Đơn hàng được chiết khấu</li>
            </ul>
            <div class="leftMenuFooter"></div>
        </div>            
   </div> <!-- END #left -->
}

<div class="toolBox">
    @Html.ToolBox(new List<object> { new Edit { ClassCss = "Edit", ActionName = "Javascript:void(0)" }, 
                                     new Back { ClassCss = "Back", ActionName = @Url.Action("DiscountList", "Discount") } })
</div>
<!-- END toolBox -->

@using (Html.BeginForm("EditDiscount", "Discount", FormMethod.Post))
{
    <div class="box-Info">
        @Html.HiddenFor(m => m.DiscountId)
        <div class="Info-header">
            <span>Thêm mới chiết khấu</span>
        </div>

        <div class="Info-body ib-infopro">
            <div>@Html.ValidationMessage("ErrorSummary")</div>
            <table cellpadding="0" cellspacing="0" width="100%" border="0" class="table-info">
                <tr>
                    <td class="tInfoLeft">Tên chiến dịch giảm giá
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.Name)
                        @Html.ValidationMessageFor(m => m.Name)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Mô tả
                    </td>
                    <td class="tInfoRight">
                        @Html.TextAreaFor(m => m.Description)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Chiết khấu được áp dụng tới
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.DiscountTypeId, new SelectList((List<DiscountTypeDto>)ViewBag.DiscountTypeList, "Id", "Name"))
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Sử dụng % làm chiết khấu
                    </td>
                    <td class="tInfoRight">
                        @Html.CheckBoxFor(m => m.UsePercentage, new { @checked = "checked" })
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">% giảm giá
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.DiscountPercentage, new { @class = "cssInputWidthSmall" })
                        @Html.ValidationMessageFor(m => m.DiscountPercentage)
                    </td>
                </tr>
                <tr class="hidden">
                    <td class="tInfoLeft">Số tiền giảm giá
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.DiscountAmount, new { @class = "cssInputWidthSmall" })
                        @Html.ValidationMessageFor(m => m.DiscountAmount)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Ngày bắt đầu
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.StartDate, new { @class = "cssInputWidthSmall" })
                        @Html.ValidationMessageFor(m => m.StartDate)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Ngày kết thúc
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.EndDate, new { @class = "cssInputWidthSmall" })
                        @Html.ValidationMessageFor(m => m.EndDate)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Yêu cầu mã giảm giá hay không
                    </td>
                    <td class="tInfoRight">
                        @Html.CheckBoxFor(m => m.RequiresCouponCode)
                    </td>
                </tr>
                <tr class="hidden">
                    <td class="tInfoLeft">Mã giảm giá
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.CouponCode)
                        @Html.ValidationMessageFor(m => m.CouponCode)
                    </td>
                </tr>
                <tr>
                    <td class="tInfoLeft">Giới hạn số lượng chiết khấu
                    </td>
                    <td class="tInfoRight">
                        @Html.DropDownListFor(m => m.DiscountLimitationId, new SelectList((List<DiscountLimitationDto>)ViewBag.DiscountLimitationList, "Id", "name"))
                    </td>
                </tr>
                <tr class="hidden">
                    <td class="tInfoLeft">Số lượng giới hạn chiết khấu
                    </td>
                    <td class="tInfoRight">
                        @Html.TextBoxFor(m => m.LimitationTimes)
                        @Html.ValidationMessageFor(m => m.LimitationTimes)
                    </td>
                </tr>
            </table>

        </div>
    </div>
}

@Html.Action("DiscountRequirement", new { id = Model.DiscountId })
<!-- END DiscountRequirment -->

@section scripts
{
    @Scripts.Render("~/bundles/jqueryval")
    <script src="@Url.Content("~/Scripts/jQueryDatePicker/js/jquery-ui-1.10.1.custom.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jQueryDatePicker/js/jquery-ui-timepicker-addon.js")"></script>
    <script>
        // -------------------- Button submit -----------------------------------------------------
        $('ul li.Edit a').click(function () {
            var discountAmount = $('#DiscountAmount').val();
            $('#DiscountAmount').val(RemoveSpecialCharacter(discountAmount));
            $('form').submit();
        });
        
        // Digits ---------------------------------
        toSplitNumberByComma($('#DiscountAmount'));
        
        // ----------------------------- Date picker ------------------------------
        $('#StartDate').datetimepicker({ dateFormat: 'dd/mm/yy', timeFormat: "hh:mm:ss tt" });
        $('#EndDate').datetimepicker({ dateFormat: 'dd/mm/yy', timeFormat: "hh:mm:ss tt" });

        // --------------------- Bỏ chọn sử dụng % thì hiển thị ô nhập giá tiền khuyến mại -----------------
        $('#UsePercentage').click(function() {
            var isChecked = $(this).is(':checked');
            if (isChecked) {
                $('#DiscountAmount').parent().parent().fadeOut();
                $('#DiscountPercentage').parent().parent().fadeIn();
            }
            else {
                $('#DiscountPercentage').parent().parent().fadeOut();
                $('#DiscountAmount').parent().parent().fadeIn();
            }
        });
        
        if ($('#UsePercentage').is(':checked')) {
            $('#DiscountAmount').parent().parent().hide();
            $('#DiscountPercentage').parent().parent().show();
        }
        else {
            $('#DiscountPercentage').parent().parent().hide();
            $('#DiscountAmount').parent().parent().show();
        }

        // --------------------- Click chọn sử dụng mã giảm giá, show ra ô nhập mã giảm giá -----------------
        $('#RequiresCouponCode').click(function () {
            var isChecked = $(this).is(':checked');
            if (isChecked) {
                $('#CouponCode').parent().parent().fadeIn();
            }
            else {
                $('#CouponCode').parent().parent().fadeOut();
            }
        });

        if ($('#RequiresCouponCode').is(':checked')) {
            $('#CouponCode').parent().parent().show();
        }
        else {
            $('#CouponCode').parent().parent().hide();
        }

        // ------------- Show ra ô nhập số lần giới hạn chiết khấu, khi DiscountLimitation không còn là vô hạn -------------------
        $('#DiscountLimitationId').change(function() {
            var val = $(this).val();
            if(val == '0') {
                $('#LimitationTimes').parent().parent().fadeOut();
            }
            else {
                $('#LimitationTimes').parent().parent().fadeIn();
            }
        });

        var discountLimitation = $('#DiscountLimitationId').val();
        if(discountLimitation == '0') {
            $('#LimitationTimes').parent().parent().hide();
        }
        else {
            $('#LimitationTimes').parent().parent().show();
        }
        
        // ------------------------ Discount Requirement ------------------------
        $('#DiscountRequirementType').change(function() {
            ShowLoading();
            var discountId = $('#DiscountId').val();
            var val = $(this).val();
            if(val == '0') {
                $('#has-spent-amount').remove();
                HideLoading();
            }
            else if (val == 'DiscountRequirement.MuaDuSoLuongSanPham') {
                $.ajax({
                    url: '/Discount/AjaxHtmlInputAmountProduct',
                    type: "GET",
                    data: { discountId : discountId, systemRuleName : val },
                    success: function (htmlFragment) {
                        HideLoading();
                        if($('#has-spent-amount tbody').length <= 0) {
                            $('#form-dis-re-ty').append(htmlFragment);
                        }
                    },
                    error: function() {
                        alert('Đã có lỗi xảy ra!');
                    }
                });
            }
            else if (val == 'DiscountRequirement.MuaTronBoSanPham') {
                
            }
        });
        
        // ------------------------ Discount Requirement has spent amount product ------------------
        function AjaxResultInputAmountProduct(data) {
            if (data) {
                var discountId = $('#DiscountId').val();
                $.ajax({
                    url: '/Discount/AjaxHtmlEditAmountProduct',
                    type: 'GET',
                    data: { discountId: discountId },
                    success: function (htmlFragment) {
                        HideLoading();
                        $('.box-Info').eq(1).children('.Info-body').children('.dr-error').before(htmlFragment);
                    },
                    error: function () {
                        alert('Đã có lỗi xảy ra!');
                    }
                });
            }
        }
        
        function AjaxResultEditAmountProduct(data) {
            if(data) {
                alert('Cập nhật thành công!');
            }
        }
        
        function AjaxReturnDataDeleteDiscountRequirement(data) {
            if (data) {
                alert('Xóa thành công thành công!');
                $('#edit-amount-product').remove();
            }
            else {
                alert('Chiết khấu này đã có hóa đơn áp dụng!');
            }
        }
        
    </script>
    
}
